
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <script src="iconfont.js"></script>

    <style type="text/css">
        .icon {
          /* 通过设置 font-size 来改变图标大小 */
          width: 1em; height: 1em;
          /* 图标和文字相邻时，垂直对齐 */
          vertical-align: -0.15em;
          /* 通过设置 color 来改变 SVG 的颜色/fill */
          fill: currentColor;
          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
             normalize.css 中也包含这行 */
          overflow: hidden;
        }

    </style>
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shanchu"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#icon-shanchu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jia"></use>
                    </svg>
                    <div class="name">加</div>
                    <div class="fontclass">#icon-jia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jia1"></use>
                    </svg>
                    <div class="name">加</div>
                    <div class="fontclass">#icon-jia1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yanjing"></use>
                    </svg>
                    <div class="name">眼睛</div>
                    <div class="fontclass">#icon-yanjing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sousuo"></use>
                    </svg>
                    <div class="name">搜索</div>
                    <div class="fontclass">#icon-sousuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bianji1"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#icon-bianji1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shanchu1"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#icon-shanchu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dianhua"></use>
                    </svg>
                    <div class="name">电话</div>
                    <div class="fontclass">#icon-dianhua</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shezhi"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#icon-shezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-QQ"></use>
                    </svg>
                    <div class="name">QQ</div>
                    <div class="fontclass">#icon-QQ</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zan2"></use>
                    </svg>
                    <div class="name">赞</div>
                    <div class="fontclass">#icon-zan2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiaoshiguanli"></use>
                    </svg>
                    <div class="name">教师管理</div>
                    <div class="fontclass">#icon-jiaoshiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-44"></use>
                    </svg>
                    <div class="name">人</div>
                    <div class="fontclass">#icon-44</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fenxiang"></use>
                    </svg>
                    <div class="name">分享</div>
                    <div class="fontclass">#icon-fenxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-iconfontshezhi"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#icon-iconfontshezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dianhua1"></use>
                    </svg>
                    <div class="name">电话</div>
                    <div class="fontclass">#icon-dianhua1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijianaini"></use>
                    </svg>
                    <div class="name">时间</div>
                    <div class="fontclass">#icon-shijianaini</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-denglu"></use>
                    </svg>
                    <div class="name">登录</div>
                    <div class="fontclass">#icon-denglu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-paixu3"></use>
                    </svg>
                    <div class="name">排序</div>
                    <div class="fontclass">#icon-paixu3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ttpodicon1"></use>
                    </svg>
                    <div class="name">更多</div>
                    <div class="fontclass">#icon-ttpodicon1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouji"></use>
                    </svg>
                    <div class="name">手机</div>
                    <div class="fontclass">#icon-shouji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouqi3"></use>
                    </svg>
                    <div class="name">收起</div>
                    <div class="fontclass">#icon-shouqi3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ttpodicon"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#icon-ttpodicon</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijian1"></use>
                    </svg>
                    <div class="name">时间</div>
                    <div class="fontclass">#icon-shijian1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-paixu"></use>
                    </svg>
                    <div class="name">排序</div>
                    <div class="fontclass">#icon-paixu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongneng"></use>
                    </svg>
                    <div class="name">功能</div>
                    <div class="fontclass">#icon-gongneng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xingxing"></use>
                    </svg>
                    <div class="name">星星</div>
                    <div class="fontclass">#icon-xingxing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gengduo"></use>
                    </svg>
                    <div class="name">更多</div>
                    <div class="fontclass">#icon-gengduo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-youxiang"></use>
                    </svg>
                    <div class="name">邮箱</div>
                    <div class="fontclass">#icon-youxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guanbi"></use>
                    </svg>
                    <div class="name">关闭</div>
                    <div class="fontclass">#icon-guanbi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xinjianwenjian"></use>
                    </svg>
                    <div class="name">新建文件</div>
                    <div class="fontclass">#icon-xinjianwenjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yuangongzhenghover"></use>
                    </svg>
                    <div class="name">员工证hover</div>
                    <div class="fontclass">#icon-yuangongzhenghover</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-msnui-save"></use>
                    </svg>
                    <div class="name">保存</div>
                    <div class="fontclass">#icon-msnui-save</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiazai"></use>
                    </svg>
                    <div class="name">下载</div>
                    <div class="fontclass">#icon-xiazai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-iconyuangong"></use>
                    </svg>
                    <div class="name">员工</div>
                    <div class="fontclass">#icon-iconyuangong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-circle"></use>
                    </svg>
                    <div class="name">圆</div>
                    <div class="fontclass">#icon-circle</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zengjiasuojinliang"></use>
                    </svg>
                    <div class="name">增加缩进量</div>
                    <div class="fontclass">#icon-zengjiasuojinliang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yulan"></use>
                    </svg>
                    <div class="name">预览</div>
                    <div class="fontclass">#icon-yulan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gengduo1"></use>
                    </svg>
                    <div class="name">更多</div>
                    <div class="fontclass">#icon-gengduo1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-denglumima"></use>
                    </svg>
                    <div class="name">登录密码</div>
                    <div class="fontclass">#icon-denglumima</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhongmingming"></use>
                    </svg>
                    <div class="name">重命名</div>
                    <div class="fontclass">#icon-zhongmingming</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-paixu4"></use>
                    </svg>
                    <div class="name">排序</div>
                    <div class="fontclass">#icon-paixu4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouqi2"></use>
                    </svg>
                    <div class="name">收起</div>
                    <div class="fontclass">#icon-shouqi2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sousuo1"></use>
                    </svg>
                    <div class="name">搜索</div>
                    <div class="fontclass">#icon-sousuo1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-teshufuhao"></use>
                    </svg>
                    <div class="name">特殊符号</div>
                    <div class="fontclass">#icon-teshufuhao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dizhi"></use>
                    </svg>
                    <div class="name">地址</div>
                    <div class="fontclass">#icon-dizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiazai1"></use>
                    </svg>
                    <div class="name">下载</div>
                    <div class="fontclass">#icon-xiazai1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-warn"></use>
                    </svg>
                    <div class="name">叹号</div>
                    <div class="fontclass">#icon-warn</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shoucang2"></use>
                    </svg>
                    <div class="name">收藏</div>
                    <div class="fontclass">#icon-shoucang2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bofang"></use>
                    </svg>
                    <div class="name">播放</div>
                    <div class="fontclass">#icon-bofang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weixin"></use>
                    </svg>
                    <div class="name">微信</div>
                    <div class="fontclass">#icon-weixin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sousuo2"></use>
                    </svg>
                    <div class="name">搜索</div>
                    <div class="fontclass">#icon-sousuo2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bianji"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#icon-bianji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-caijiaohu"></use>
                    </svg>
                    <div class="name">踩——交互</div>
                    <div class="fontclass">#icon-caijiaohu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zanjiaohu"></use>
                    </svg>
                    <div class="name">赞——交互</div>
                    <div class="fontclass">#icon-zanjiaohu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ziji"></use>
                    </svg>
                    <div class="name">自己</div>
                    <div class="fontclass">#icon-ziji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongneng1"></use>
                    </svg>
                    <div class="name">功能</div>
                    <div class="fontclass">#icon-gongneng1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guanbi1"></use>
                    </svg>
                    <div class="name">关闭</div>
                    <div class="fontclass">#icon-guanbi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tupian1"></use>
                    </svg>
                    <div class="name">图片</div>
                    <div class="fontclass">#icon-tupian1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rizhi"></use>
                    </svg>
                    <div class="name">日志</div>
                    <div class="fontclass">#icon-rizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-user"></use>
                    </svg>
                    <div class="name">用户</div>
                    <div class="fontclass">#icon-user</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ti"></use>
                    </svg>
                    <div class="name">题</div>
                    <div class="fontclass">#icon-ti</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-svg44"></use>
                    </svg>
                    <div class="name">发送</div>
                    <div class="fontclass">#icon-svg44</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wenyixia"></use>
                    </svg>
                    <div class="name">问一下</div>
                    <div class="fontclass">#icon-wenyixia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouqiquanping"></use>
                    </svg>
                    <div class="name">收起全屏</div>
                    <div class="fontclass">#icon-shouqiquanping</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zan3"></use>
                    </svg>
                    <div class="name">赞</div>
                    <div class="fontclass">#icon-zan3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-exampaper"></use>
                    </svg>
                    <div class="name">试卷库</div>
                    <div class="fontclass">#icon-exampaper</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jian1"></use>
                    </svg>
                    <div class="name">减</div>
                    <div class="fontclass">#icon-jian1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-boshi"></use>
                    </svg>
                    <div class="name">博士</div>
                    <div class="fontclass">#icon-boshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zliconweibo01"></use>
                    </svg>
                    <div class="name">微博</div>
                    <div class="fontclass">#icon-zliconweibo01</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-monikaoshi"></use>
                    </svg>
                    <div class="name">模拟考试</div>
                    <div class="fontclass">#icon-monikaoshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jilu"></use>
                    </svg>
                    <div class="name">记录</div>
                    <div class="fontclass">#icon-jilu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yulan1"></use>
                    </svg>
                    <div class="name">预览</div>
                    <div class="fontclass">#icon-yulan1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lesson"></use>
                    </svg>
                    <div class="name">课程</div>
                    <div class="fontclass">#icon-lesson</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-geren"></use>
                    </svg>
                    <div class="name">个人</div>
                    <div class="fontclass">#icon-geren</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shipin"></use>
                    </svg>
                    <div class="name">视频</div>
                    <div class="fontclass">#icon-shipin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yaoqing"></use>
                    </svg>
                    <div class="name">邀请</div>
                    <div class="fontclass">#icon-yaoqing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-05lianxiren"></use>
                    </svg>
                    <div class="name">05联系人</div>
                    <div class="fontclass">#icon-05lianxiren</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wancheng"></use>
                    </svg>
                    <div class="name">完成</div>
                    <div class="fontclass">#icon-wancheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-1154tongxunshebei"></use>
                    </svg>
                    <div class="name">1154-通讯设备</div>
                    <div class="fontclass">#icon-1154tongxunshebei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xueyuanpinglun"></use>
                    </svg>
                    <div class="name">学员评论</div>
                    <div class="fontclass">#icon-xueyuanpinglun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-redian"></use>
                    </svg>
                    <div class="name">热点</div>
                    <div class="fontclass">#icon-redian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qun"></use>
                    </svg>
                    <div class="name">群</div>
                    <div class="fontclass">#icon-qun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-piliang"></use>
                    </svg>
                    <div class="name">批量</div>
                    <div class="fontclass">#icon-piliang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-boxremove"></use>
                    </svg>
                    <div class="name">上传</div>
                    <div class="fontclass">#icon-boxremove</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-listtable"></use>
                    </svg>
                    <div class="name">列表模式</div>
                    <div class="fontclass">#icon-listtable</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-quanxian"></use>
                    </svg>
                    <div class="name">权限</div>
                    <div class="fontclass">#icon-quanxian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhangjielianxi"></use>
                    </svg>
                    <div class="name">章节练习</div>
                    <div class="fontclass">#icon-zhangjielianxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuaxin"></use>
                    </svg>
                    <div class="name">shuaxin</div>
                    <div class="fontclass">#icon-shuaxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-iconmingdaofenxiang"></use>
                    </svg>
                    <div class="name">icon_明道分享</div>
                    <div class="fontclass">#icon-iconmingdaofenxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-iconfontshuben"></use>
                    </svg>
                    <div class="name">课程</div>
                    <div class="fontclass">#icon-iconfontshuben</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-duanxin"></use>
                    </svg>
                    <div class="name">短信</div>
                    <div class="fontclass">#icon-duanxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yidong"></use>
                    </svg>
                    <div class="name">移动</div>
                    <div class="fontclass">#icon-yidong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-unie71a"></use>
                    </svg>
                    <div class="name">uniE71A</div>
                    <div class="fontclass">#icon-unie71a</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-unie71c"></use>
                    </svg>
                    <div class="name">uniE71C</div>
                    <div class="fontclass">#icon-unie71c</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-txt"></use>
                    </svg>
                    <div class="name">txt</div>
                    <div class="fontclass">#icon-txt</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cuowu"></use>
                    </svg>
                    <div class="name">错误</div>
                    <div class="fontclass">#icon-cuowu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huijijiayuanshoucangicon01"></use>
                    </svg>
                    <div class="name">收藏</div>
                    <div class="fontclass">#icon-huijijiayuanshoucangicon01</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon10"></use>
                    </svg>
                    <div class="name">个人</div>
                    <div class="fontclass">#icon-icon10</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoqing1"></use>
                    </svg>
                    <div class="name">表情</div>
                    <div class="fontclass">#icon-biaoqing1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-iconfontgoutong"></use>
                    </svg>
                    <div class="name">沟通</div>
                    <div class="fontclass">#icon-iconfontgoutong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zanting"></use>
                    </svg>
                    <div class="name">暂停</div>
                    <div class="fontclass">#icon-zanting</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jifen1"></use>
                    </svg>
                    <div class="name">积分</div>
                    <div class="fontclass">#icon-jifen1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-iconmingdao"></use>
                    </svg>
                    <div class="name">icon_明道</div>
                    <div class="fontclass">#icon-iconmingdao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-roundcheck"></use>
                    </svg>
                    <div class="name">通过－17</div>
                    <div class="fontclass">#icon-roundcheck</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-roundclose"></use>
                    </svg>
                    <div class="name">不通过－17</div>
                    <div class="fontclass">#icon-roundclose</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tianjia"></use>
                    </svg>
                    <div class="name">添加</div>
                    <div class="fontclass">#icon-tianjia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rizhi1"></use>
                    </svg>
                    <div class="name">日志</div>
                    <div class="fontclass">#icon-rizhi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiayiye"></use>
                    </svg>
                    <div class="name">下一页</div>
                    <div class="fontclass">#icon-xiayiye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qianyiye"></use>
                    </svg>
                    <div class="name">前一页</div>
                    <div class="fontclass">#icon-qianyiye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouqi"></use>
                    </svg>
                    <div class="name">收起</div>
                    <div class="fontclass">#icon-shouqi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiaoxitongxun"></use>
                    </svg>
                    <div class="name">消息通讯</div>
                    <div class="fontclass">#icon-xiaoxitongxun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon04"></use>
                    </svg>
                    <div class="name">考试</div>
                    <div class="fontclass">#icon-icon04</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuaxin1"></use>
                    </svg>
                    <div class="name">shuaxin</div>
                    <div class="fontclass">#icon-shuaxin1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuju"></use>
                    </svg>
                    <div class="name">数据</div>
                    <div class="fontclass">#icon-shuju</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijian4"></use>
                    </svg>
                    <div class="name">时间</div>
                    <div class="fontclass">#icon-shijian4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chexiao"></use>
                    </svg>
                    <div class="name">撤销</div>
                    <div class="fontclass">#icon-chexiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-butongguoshenhe"></use>
                    </svg>
                    <div class="name">不通过审核</div>
                    <div class="fontclass">#icon-butongguoshenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yaoqing1"></use>
                    </svg>
                    <div class="name">邀请</div>
                    <div class="fontclass">#icon-yaoqing1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhuanfa"></use>
                    </svg>
                    <div class="name">转发</div>
                    <div class="fontclass">#icon-zhuanfa</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-riqi"></use>
                    </svg>
                    <div class="name">日期</div>
                    <div class="fontclass">#icon-riqi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yonghuzu"></use>
                    </svg>
                    <div class="name">用户组</div>
                    <div class="fontclass">#icon-yonghuzu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuxing"></use>
                    </svg>
                    <div class="name">属性</div>
                    <div class="fontclass">#icon-shuxing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wrong"></use>
                    </svg>
                    <div class="name">错误</div>
                    <div class="fontclass">#icon-wrong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-saomiaojieguokanbujianzhuanhuan"></use>
                    </svg>
                    <div class="name">扫描结果（看不见） [转换]</div>
                    <div class="fontclass">#icon-saomiaojieguokanbujianzhuanhuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ren"></use>
                    </svg>
                    <div class="name">人</div>
                    <div class="fontclass">#icon-ren</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yuan"></use>
                    </svg>
                    <div class="name">圆</div>
                    <div class="fontclass">#icon-yuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijian"></use>
                    </svg>
                    <div class="name">时间</div>
                    <div class="fontclass">#icon-shijian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shoucang"></use>
                    </svg>
                    <div class="name">收藏</div>
                    <div class="fontclass">#icon-shoucang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shipin4"></use>
                    </svg>
                    <div class="name">视频</div>
                    <div class="fontclass">#icon-shipin4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fcstubiao16"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#icon-fcstubiao16</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-miaoshu"></use>
                    </svg>
                    <div class="name">描述</div>
                    <div class="fontclass">#icon-miaoshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiazai2"></use>
                    </svg>
                    <div class="name">下载</div>
                    <div class="fontclass">#icon-xiazai2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-iconset0203"></use>
                    </svg>
                    <div class="name">用户</div>
                    <div class="fontclass">#icon-iconset0203</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-a166"></use>
                    </svg>
                    <div class="name">邀请</div>
                    <div class="fontclass">#icon-a166</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-renwu"></use>
                    </svg>
                    <div class="name">任务</div>
                    <div class="fontclass">#icon-renwu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wancheng-copy"></use>
                    </svg>
                    <div class="name">完成</div>
                    <div class="fontclass">#icon-wancheng-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jilu1"></use>
                    </svg>
                    <div class="name">记录</div>
                    <div class="fontclass">#icon-jilu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fanye"></use>
                    </svg>
                    <div class="name">翻页</div>
                    <div class="fontclass">#icon-fanye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fanye-copy"></use>
                    </svg>
                    <div class="name">翻页</div>
                    <div class="fontclass">#icon-fanye-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-intro"></use>
                    </svg>
                    <div class="name">介绍</div>
                    <div class="fontclass">#icon-intro</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-14fuzerenbiaoqian"></use>
                    </svg>
                    <div class="name">14负责人标签</div>
                    <div class="fontclass">#icon-14fuzerenbiaoqian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huida01"></use>
                    </svg>
                    <div class="name">回答-01</div>
                    <div class="fontclass">#icon-huida01</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-copy"></use>
                    </svg>
                    <div class="name">copy</div>
                    <div class="fontclass">#icon-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shoucang1"></use>
                    </svg>
                    <div class="name">收藏</div>
                    <div class="fontclass">#icon-shoucang1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-25"></use>
                    </svg>
                    <div class="name">记录</div>
                    <div class="fontclass">#icon-25</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wenjian"></use>
                    </svg>
                    <div class="name">文件</div>
                    <div class="fontclass">#icon-wenjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiucuo"></use>
                    </svg>
                    <div class="name">纠错</div>
                    <div class="fontclass">#icon-jiucuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shoujihaoma"></use>
                    </svg>
                    <div class="name">手机号码</div>
                    <div class="fontclass">#icon-shoujihaoma</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xingjikaoshi"></use>
                    </svg>
                    <div class="name">星级考试</div>
                    <div class="fontclass">#icon-xingjikaoshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-correct"></use>
                    </svg>
                    <div class="name">正确</div>
                    <div class="fontclass">#icon-correct</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoqing2"></use>
                    </svg>
                    <div class="name">表情</div>
                    <div class="fontclass">#icon-biaoqing2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fuzeren"></use>
                    </svg>
                    <div class="name">负责人</div>
                    <div class="fontclass">#icon-fuzeren</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qiye"></use>
                    </svg>
                    <div class="name">企业</div>
                    <div class="fontclass">#icon-qiye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon2"></use>
                    </svg>
                    <div class="name">完成中</div>
                    <div class="fontclass">#icon-icon2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bi-copy"></use>
                    </svg>
                    <div class="name">笔</div>
                    <div class="fontclass">#icon-bi-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wenjianjiashouqi"></use>
                    </svg>
                    <div class="name">文件夹收起</div>
                    <div class="fontclass">#icon-wenjianjiashouqi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-renyuandangan"></use>
                    </svg>
                    <div class="name">人员档案</div>
                    <div class="fontclass">#icon-renyuandangan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-faxiaoxi"></use>
                    </svg>
                    <div class="name">发消息</div>
                    <div class="fontclass">#icon-faxiaoxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuaxin2"></use>
                    </svg>
                    <div class="name">shuaxin</div>
                    <div class="fontclass">#icon-shuaxin2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chenggong1"></use>
                    </svg>
                    <div class="name">成功</div>
                    <div class="fontclass">#icon-chenggong1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-liebiaomoshi"></use>
                    </svg>
                    <div class="name">列表模式</div>
                    <div class="fontclass">#icon-liebiaomoshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ai-code"></use>
                    </svg>
                    <div class="name">代码</div>
                    <div class="fontclass">#icon-ai-code</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ai-users"></use>
                    </svg>
                    <div class="name">用户组</div>
                    <div class="fontclass">#icon-ai-users</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-artboard38"></use>
                    </svg>
                    <div class="name">通过</div>
                    <div class="fontclass">#icon-artboard38</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon"></use>
                    </svg>
                    <div class="name">培训</div>
                    <div class="fontclass">#icon-icon</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiangzhang"></use>
                    </svg>
                    <div class="name">奖章</div>
                    <div class="fontclass">#icon-jiangzhang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ok"></use>
                    </svg>
                    <div class="name">通过</div>
                    <div class="fontclass">#icon-ok</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiaoshifenxi"></use>
                    </svg>
                    <div class="name">教师分析</div>
                    <div class="fontclass">#icon-jiaoshifenxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijian2"></use>
                    </svg>
                    <div class="name">时间</div>
                    <div class="fontclass">#icon-shijian2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xuanzhong-copy"></use>
                    </svg>
                    <div class="name">选中</div>
                    <div class="fontclass">#icon-xuanzhong-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kecheng"></use>
                    </svg>
                    <div class="name">课程</div>
                    <div class="fontclass">#icon-kecheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fuzhi"></use>
                    </svg>
                    <div class="name">复制</div>
                    <div class="fontclass">#icon-fuzhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tuwenmoshi"></use>
                    </svg>
                    <div class="name">图文模式</div>
                    <div class="fontclass">#icon-tuwenmoshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jian"></use>
                    </svg>
                    <div class="name">功能</div>
                    <div class="fontclass">#icon-jian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jifen2"></use>
                    </svg>
                    <div class="name">积分</div>
                    <div class="fontclass">#icon-jifen2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-maifangwenda"></use>
                    </svg>
                    <div class="name">买房问答</div>
                    <div class="fontclass">#icon-maifangwenda</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-liebiaomoshi1"></use>
                    </svg>
                    <div class="name">列表模式</div>
                    <div class="fontclass">#icon-liebiaomoshi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mianliuliangchuanshu"></use>
                    </svg>
                    <div class="name">免流量传输</div>
                    <div class="fontclass">#icon-mianliuliangchuanshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-transcode-statistics"></use>
                    </svg>
                    <div class="name">转码统计</div>
                    <div class="fontclass">#icon-transcode-statistics</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rongyujiangxiang"></use>
                    </svg>
                    <div class="name">荣誉奖项</div>
                    <div class="fontclass">#icon-rongyujiangxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiangli"></use>
                    </svg>
                    <div class="name">奖励</div>
                    <div class="fontclass">#icon-jiangli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-failed"></use>
                    </svg>
                    <div class="name">茶资讯-审核不通过</div>
                    <div class="fontclass">#icon-failed</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongxiang"></use>
                    </svg>
                    <div class="name">共享</div>
                    <div class="fontclass">#icon-gongxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kaoshi1"></use>
                    </svg>
                    <div class="name">考试</div>
                    <div class="fontclass">#icon-kaoshi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-riqi1"></use>
                    </svg>
                    <div class="name">日期</div>
                    <div class="fontclass">#icon-riqi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zuijiahuida"></use>
                    </svg>
                    <div class="name">最佳回答</div>
                    <div class="fontclass">#icon-zuijiahuida</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jia2"></use>
                    </svg>
                    <div class="name">加</div>
                    <div class="fontclass">#icon-jia2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhishiku"></use>
                    </svg>
                    <div class="name">知识库</div>
                    <div class="fontclass">#icon-zhishiku</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kaoshi"></use>
                    </svg>
                    <div class="name">考试</div>
                    <div class="fontclass">#icon-kaoshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wenhao"></use>
                    </svg>
                    <div class="name">问好</div>
                    <div class="fontclass">#icon-wenhao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-3333333"></use>
                    </svg>
                    <div class="name">通讯录</div>
                    <div class="fontclass">#icon-3333333</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yidongwenjian"></use>
                    </svg>
                    <div class="name">移动文件</div>
                    <div class="fontclass">#icon-yidongwenjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rizhi2"></use>
                    </svg>
                    <div class="name">日志</div>
                    <div class="fontclass">#icon-rizhi2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-txt1"></use>
                    </svg>
                    <div class="name">txt</div>
                    <div class="fontclass">#icon-txt1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ren4"></use>
                    </svg>
                    <div class="name">ren</div>
                    <div class="fontclass">#icon-ren4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tag"></use>
                    </svg>
                    <div class="name">标签</div>
                    <div class="fontclass">#icon-tag</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cuotiben"></use>
                    </svg>
                    <div class="name">错题本</div>
                    <div class="fontclass">#icon-cuotiben</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-miaoshu1"></use>
                    </svg>
                    <div class="name">描述</div>
                    <div class="fontclass">#icon-miaoshu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tianjiakecheng"></use>
                    </svg>
                    <div class="name">添加课程</div>
                    <div class="fontclass">#icon-tianjiakecheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-5"></use>
                    </svg>
                    <div class="name">记事本</div>
                    <div class="fontclass">#icon-5</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jishitongxunweidianji"></use>
                    </svg>
                    <div class="name">即时通讯（未点击）</div>
                    <div class="fontclass">#icon-jishitongxunweidianji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-iconbaoming"></use>
                    </svg>
                    <div class="name">icon_报名</div>
                    <div class="fontclass">#icon-iconbaoming</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anpaikecheng"></use>
                    </svg>
                    <div class="name">安排课程</div>
                    <div class="fontclass">#icon-anpaikecheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-piliang1"></use>
                    </svg>
                    <div class="name">批量</div>
                    <div class="fontclass">#icon-piliang1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoqing"></use>
                    </svg>
                    <div class="name">表情</div>
                    <div class="fontclass">#icon-biaoqing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weibiaoti1fuzhi01"></use>
                    </svg>
                    <div class="name">移动</div>
                    <div class="fontclass">#icon-weibiaoti1fuzhi01</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jian3"></use>
                    </svg>
                    <div class="name">减</div>
                    <div class="fontclass">#icon-jian3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tongxin64x64"></use>
                    </svg>
                    <div class="name">通信64x64</div>
                    <div class="fontclass">#icon-tongxin64x64</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedian"></use>
                    </svg>
                    <div class="name">节点</div>
                    <div class="fontclass">#icon-jiedian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yundanbianhao"></use>
                    </svg>
                    <div class="name">运单编号</div>
                    <div class="fontclass">#icon-yundanbianhao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon27"></use>
                    </svg>
                    <div class="name">进行</div>
                    <div class="fontclass">#icon-icon27</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijian5"></use>
                    </svg>
                    <div class="name">时间</div>
                    <div class="fontclass">#icon-shijian5</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rizhixitong"></use>
                    </svg>
                    <div class="name">日志系统</div>
                    <div class="fontclass">#icon-rizhixitong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rongliang-copy"></use>
                    </svg>
                    <div class="name">容量</div>
                    <div class="fontclass">#icon-rongliang-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiedian1"></use>
                    </svg>
                    <div class="name">节点</div>
                    <div class="fontclass">#icon-jiedian1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fangda1"></use>
                    </svg>
                    <div class="name">放大</div>
                    <div class="fontclass">#icon-fangda1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pinglun"></use>
                    </svg>
                    <div class="name">评论</div>
                    <div class="fontclass">#icon-pinglun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xianshizuijiazujia"></use>
                    </svg>
                    <div class="name">显示-最佳组价</div>
                    <div class="fontclass">#icon-xianshizuijiazujia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_attachment"></use>
                    </svg>
                    <div class="name">附件</div>
                    <div class="fontclass">#icon-icon_attachment</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_right"></use>
                    </svg>
                    <div class="name">正确</div>
                    <div class="fontclass">#icon-icon_right</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-liebiao"></use>
                    </svg>
                    <div class="name">列表</div>
                    <div class="fontclass">#icon-liebiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhankai"></use>
                    </svg>
                    <div class="name">展开</div>
                    <div class="fontclass">#icon-zhankai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shenhebutongguo"></use>
                    </svg>
                    <div class="name">审核不通过</div>
                    <div class="fontclass">#icon-shenhebutongguo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ren1"></use>
                    </svg>
                    <div class="name">人</div>
                    <div class="fontclass">#icon-ren1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xueyuan"></use>
                    </svg>
                    <div class="name">学员</div>
                    <div class="fontclass">#icon-xueyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-data"></use>
                    </svg>
                    <div class="name">数据</div>
                    <div class="fontclass">#icon-data</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon-question"></use>
                    </svg>
                    <div class="name">问好</div>
                    <div class="fontclass">#icon-icon-question</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-30shangyiye"></use>
                    </svg>
                    <div class="name">30.上一页</div>
                    <div class="fontclass">#icon-30shangyiye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kecheng1"></use>
                    </svg>
                    <div class="name">课程</div>
                    <div class="fontclass">#icon-kecheng1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kaoshixinxi"></use>
                    </svg>
                    <div class="name">考试信息</div>
                    <div class="fontclass">#icon-kaoshixinxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baocun"></use>
                    </svg>
                    <div class="name">保存</div>
                    <div class="fontclass">#icon-baocun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shenhetongguo"></use>
                    </svg>
                    <div class="name">审核通过</div>
                    <div class="fontclass">#icon-shenhetongguo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-louyutubiaoyonghuzu"></use>
                    </svg>
                    <div class="name">楼宇图标_用户组</div>
                    <div class="fontclass">#icon-louyutubiaoyonghuzu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongneng2"></use>
                    </svg>
                    <div class="name">功能</div>
                    <div class="fontclass">#icon-gongneng2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rightArrow"></use>
                    </svg>
                    <div class="name">登录</div>
                    <div class="fontclass">#icon-rightArrow</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijian3"></use>
                    </svg>
                    <div class="name">时间</div>
                    <div class="fontclass">#icon-shijian3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-iconjieguochenggong"></use>
                    </svg>
                    <div class="name">监控icon_结果_成功</div>
                    <div class="fontclass">#icon-iconjieguochenggong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhishiku1"></use>
                    </svg>
                    <div class="name">知识库</div>
                    <div class="fontclass">#icon-zhishiku1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongzuorizhi"></use>
                    </svg>
                    <div class="name">工作日志</div>
                    <div class="fontclass">#icon-gongzuorizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-riqi2"></use>
                    </svg>
                    <div class="name">日期</div>
                    <div class="fontclass">#icon-riqi2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoqing-copy"></use>
                    </svg>
                    <div class="name">表情</div>
                    <div class="fontclass">#icon-biaoqing-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weikaishiyixuan"></use>
                    </svg>
                    <div class="name">未开始（已选）</div>
                    <div class="fontclass">#icon-weikaishiyixuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-paixu1"></use>
                    </svg>
                    <div class="name">排序</div>
                    <div class="fontclass">#icon-paixu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-my-zhibo-copy"></use>
                    </svg>
                    <div class="name">我的直播</div>
                    <div class="fontclass">#icon-my-zhibo-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qiapianmoshi"></use>
                    </svg>
                    <div class="name">卡片模式</div>
                    <div class="fontclass">#icon-qiapianmoshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-renwu1"></use>
                    </svg>
                    <div class="name">任务</div>
                    <div class="fontclass">#icon-renwu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-paixuicon"></use>
                    </svg>
                    <div class="name">排序</div>
                    <div class="fontclass">#icon-paixuicon</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xinjianwenjianjia"></use>
                    </svg>
                    <div class="name">新建文件夹</div>
                    <div class="fontclass">#icon-xinjianwenjianjia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-folder"></use>
                    </svg>
                    <div class="name">folder</div>
                    <div class="fontclass">#icon-folder</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-opened_folder"></use>
                    </svg>
                    <div class="name">opened_folder</div>
                    <div class="fontclass">#icon-opened_folder</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiaose"></use>
                    </svg>
                    <div class="name">角色</div>
                    <div class="fontclass">#icon-jiaose</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xueyuanguanli"></use>
                    </svg>
                    <div class="name">学员管理</div>
                    <div class="fontclass">#icon-xueyuanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-paixu2"></use>
                    </svg>
                    <div class="name">排序</div>
                    <div class="fontclass">#icon-paixu2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-question"></use>
                    </svg>
                    <div class="name">问题</div>
                    <div class="fontclass">#icon-question</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhuanhuan"></use>
                    </svg>
                    <div class="name">zhuanhuan</div>
                    <div class="fontclass">#icon-zhuanhuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yulan2"></use>
                    </svg>
                    <div class="name">预览</div>
                    <div class="fontclass">#icon-yulan2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xuefen"></use>
                    </svg>
                    <div class="name">学分</div>
                    <div class="fontclass">#icon-xuefen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jilu2"></use>
                    </svg>
                    <div class="name">记录</div>
                    <div class="fontclass">#icon-jilu2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-liebiao1"></use>
                    </svg>
                    <div class="name">列表</div>
                    <div class="fontclass">#icon-liebiao1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tongxin"></use>
                    </svg>
                    <div class="name">通信</div>
                    <div class="fontclass">#icon-tongxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhang1"></use>
                    </svg>
                    <div class="name">章1</div>
                    <div class="fontclass">#icon-zhang1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rongliang"></use>
                    </svg>
                    <div class="name">容量</div>
                    <div class="fontclass">#icon-rongliang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-quanpingshouqi"></use>
                    </svg>
                    <div class="name">全屏收起</div>
                    <div class="fontclass">#icon-quanpingshouqi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jian4"></use>
                    </svg>
                    <div class="name">减</div>
                    <div class="fontclass">#icon-jian4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anli_renshu_1"></use>
                    </svg>
                    <div class="name">案例_人数_1</div>
                    <div class="fontclass">#icon-anli_renshu_1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-id-216"></use>
                    </svg>
                    <div class="name">通讯录</div>
                    <div class="fontclass">#icon-id-216</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yuangonglizhi"></use>
                    </svg>
                    <div class="name">员工离职</div>
                    <div class="fontclass">#icon-yuangonglizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rank-2"></use>
                    </svg>
                    <div class="name">皇冠</div>
                    <div class="fontclass">#icon-rank-2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhinengyunying"></use>
                    </svg>
                    <div class="name">智能运营</div>
                    <div class="fontclass">#icon-zhinengyunying</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-file"></use>
                    </svg>
                    <div class="name">文件</div>
                    <div class="fontclass">#icon-file</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wodecuoti"></use>
                    </svg>
                    <div class="name">我的错题</div>
                    <div class="fontclass">#icon-wodecuoti</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xinjianrizhi"></use>
                    </svg>
                    <div class="name">新建日志</div>
                    <div class="fontclass">#icon-xinjianrizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiaoxi"></use>
                    </svg>
                    <div class="name">消息</div>
                    <div class="fontclass">#icon-xiaoxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jilu3"></use>
                    </svg>
                    <div class="name">记录</div>
                    <div class="fontclass">#icon-jilu3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tiaochawenjuan"></use>
                    </svg>
                    <div class="name">调查问卷</div>
                    <div class="fontclass">#icon-tiaochawenjuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tanhao"></use>
                    </svg>
                    <div class="name">叹号</div>
                    <div class="fontclass">#icon-tanhao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-iconzhongmingming-06"></use>
                    </svg>
                    <div class="name">重命名</div>
                    <div class="fontclass">#icon-iconzhongmingming-06</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tongjibaobiao"></use>
                    </svg>
                    <div class="name">统计报表</div>
                    <div class="fontclass">#icon-tongjibaobiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouyeshouye2"></use>
                    </svg>
                    <div class="name">首页-首页</div>
                    <div class="fontclass">#icon-shouyeshouye2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouqi1"></use>
                    </svg>
                    <div class="name">收起</div>
                    <div class="fontclass">#icon-shouqi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhankai3"></use>
                    </svg>
                    <div class="name">展开</div>
                    <div class="fontclass">#icon-zhankai3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-riqi3"></use>
                    </svg>
                    <div class="name">日期</div>
                    <div class="fontclass">#icon-riqi3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tongxin1"></use>
                    </svg>
                    <div class="name">通信</div>
                    <div class="fontclass">#icon-tongxin1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shangyiye"></use>
                    </svg>
                    <div class="name">上一页</div>
                    <div class="fontclass">#icon-shangyiye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jia3"></use>
                    </svg>
                    <div class="name">加</div>
                    <div class="fontclass">#icon-jia3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yongshi1"></use>
                    </svg>
                    <div class="name">用时</div>
                    <div class="fontclass">#icon-yongshi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ren2"></use>
                    </svg>
                    <div class="name">人</div>
                    <div class="fontclass">#icon-ren2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huifang-rili-xiangqinghuifang-dengjihuifangjieguo"></use>
                    </svg>
                    <div class="name">回访-日历-详情回访-登记回访结果</div>
                    <div class="fontclass">#icon-huifang-rili-xiangqinghuifang-dengjihuifangjieguo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fuzhi1"></use>
                    </svg>
                    <div class="name">复制</div>
                    <div class="fontclass">#icon-fuzhi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhankai4"></use>
                    </svg>
                    <div class="name">展开</div>
                    <div class="fontclass">#icon-zhankai4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-invite"></use>
                    </svg>
                    <div class="name">邀请</div>
                    <div class="fontclass">#icon-invite</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhaopian-copy"></use>
                    </svg>
                    <div class="name">照片</div>
                    <div class="fontclass">#icon-zhaopian-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kechengchakan"></use>
                    </svg>
                    <div class="name">课程查看</div>
                    <div class="fontclass">#icon-kechengchakan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fasong"></use>
                    </svg>
                    <div class="name">发送</div>
                    <div class="fontclass">#icon-fasong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shangyiye1"></use>
                    </svg>
                    <div class="name">上一页 (1)</div>
                    <div class="fontclass">#icon-shangyiye1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shangyiye2"></use>
                    </svg>
                    <div class="name">上一页</div>
                    <div class="fontclass">#icon-shangyiye2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongzuomoshi"></use>
                    </svg>
                    <div class="name">工作模式</div>
                    <div class="fontclass">#icon-gongzuomoshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zuzhijiagou"></use>
                    </svg>
                    <div class="name">组织架构</div>
                    <div class="fontclass">#icon-zuzhijiagou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-riqi4"></use>
                    </svg>
                    <div class="name">日期</div>
                    <div class="fontclass">#icon-riqi4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-redian1"></use>
                    </svg>
                    <div class="name">热点</div>
                    <div class="fontclass">#icon-redian1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wuxupailie1"></use>
                    </svg>
                    <div class="name">无序排列</div>
                    <div class="fontclass">#icon-wuxupailie1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongneng3"></use>
                    </svg>
                    <div class="name">功能</div>
                    <div class="fontclass">#icon-gongneng3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jichutubiao_jiangli"></use>
                    </svg>
                    <div class="name">奖励</div>
                    <div class="fontclass">#icon-jichutubiao_jiangli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guanliyuan"></use>
                    </svg>
                    <div class="name">管理员</div>
                    <div class="fontclass">#icon-guanliyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon--zhishi"></use>
                    </svg>
                    <div class="name">95-知识</div>
                    <div class="fontclass">#icon--zhishi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhishi"></use>
                    </svg>
                    <div class="name">知识</div>
                    <div class="fontclass">#icon-zhishi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weiwanchengtai"></use>
                    </svg>
                    <div class="name">未完成态</div>
                    <div class="fontclass">#icon-weiwanchengtai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-liebiao2"></use>
                    </svg>
                    <div class="name">列表</div>
                    <div class="fontclass">#icon-liebiao2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wenda"></use>
                    </svg>
                    <div class="name">问答</div>
                    <div class="fontclass">#icon-wenda</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon-test"></use>
                    </svg>
                    <div class="name">提交</div>
                    <div class="fontclass">#icon-icon-test</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sousuo-sousuo"></use>
                    </svg>
                    <div class="name">搜索-搜索</div>
                    <div class="fontclass">#icon-sousuo-sousuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gengxin"></use>
                    </svg>
                    <div class="name">更新</div>
                    <div class="fontclass">#icon-gengxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhanneixin"></use>
                    </svg>
                    <div class="name">站内信，列表</div>
                    <div class="fontclass">#icon-zhanneixin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xieti2"></use>
                    </svg>
                    <div class="name">斜体</div>
                    <div class="fontclass">#icon-xieti2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huangguan"></use>
                    </svg>
                    <div class="name">皇冠</div>
                    <div class="fontclass">#icon-huangguan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuaxin3"></use>
                    </svg>
                    <div class="name">shuaxin</div>
                    <div class="fontclass">#icon-shuaxin3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-banyuanxuankuang"></use>
                    </svg>
                    <div class="name">半圆选框</div>
                    <div class="fontclass">#icon-banyuanxuankuang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiayiye1"></use>
                    </svg>
                    <div class="name">下一页</div>
                    <div class="fontclass">#icon-xiayiye1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-A1"></use>
                    </svg>
                    <div class="name">A</div>
                    <div class="fontclass">#icon-A1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-juzuo"></use>
                    </svg>
                    <div class="name">居左</div>
                    <div class="fontclass">#icon-juzuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-renwu-yichexiao"></use>
                    </svg>
                    <div class="name">任务-已撤销</div>
                    <div class="fontclass">#icon-renwu-yichexiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-renwu-weiwancheng"></use>
                    </svg>
                    <div class="name">任务-未完成</div>
                    <div class="fontclass">#icon-renwu-weiwancheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chaxun"></use>
                    </svg>
                    <div class="name">查询</div>
                    <div class="fontclass">#icon-chaxun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mulumoshi"></use>
                    </svg>
                    <div class="name">目录模式</div>
                    <div class="fontclass">#icon-mulumoshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yidongwenjian1"></use>
                    </svg>
                    <div class="name">移动文件</div>
                    <div class="fontclass">#icon-yidongwenjian1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhuanfa1"></use>
                    </svg>
                    <div class="name">转发</div>
                    <div class="fontclass">#icon-zhuanfa1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fuzhi2"></use>
                    </svg>
                    <div class="name">复制</div>
                    <div class="fontclass">#icon-fuzhi2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jindu"></use>
                    </svg>
                    <div class="name">进度</div>
                    <div class="fontclass">#icon-jindu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiugai"></use>
                    </svg>
                    <div class="name">修改</div>
                    <div class="fontclass">#icon-xiugai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cuotiben1"></use>
                    </svg>
                    <div class="name">错题本</div>
                    <div class="fontclass">#icon-cuotiben1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuaxin4"></use>
                    </svg>
                    <div class="name">shuaxin</div>
                    <div class="fontclass">#icon-shuaxin4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-iconheji-"></use>
                    </svg>
                    <div class="name">无评论</div>
                    <div class="fontclass">#icon-iconheji-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kaoshidianji"></use>
                    </svg>
                    <div class="name">我来回答</div>
                    <div class="fontclass">#icon-kaoshidianji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-liebiaoliulanmoshi"></use>
                    </svg>
                    <div class="name">列表浏览模式</div>
                    <div class="fontclass">#icon-liebiaoliulanmoshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dqr"></use>
                    </svg>
                    <div class="name">交易结果待确认</div>
                    <div class="fontclass">#icon-dqr</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gengxin1"></use>
                    </svg>
                    <div class="name">更新(1)</div>
                    <div class="fontclass">#icon-gengxin1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoqianchengse"></use>
                    </svg>
                    <div class="name">标签橙色</div>
                    <div class="fontclass">#icon-biaoqianchengse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoqianhongse"></use>
                    </svg>
                    <div class="name">标签红色</div>
                    <div class="fontclass">#icon-biaoqianhongse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoqianlvse"></use>
                    </svg>
                    <div class="name">标签绿色</div>
                    <div class="fontclass">#icon-biaoqianlvse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoqianlanse"></use>
                    </svg>
                    <div class="name">标签蓝色</div>
                    <div class="fontclass">#icon-biaoqianlanse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoqianhuangsese"></use>
                    </svg>
                    <div class="name">标签黄色色</div>
                    <div class="fontclass">#icon-biaoqianhuangsese</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoqianhuise"></use>
                    </svg>
                    <div class="name">标签灰色</div>
                    <div class="fontclass">#icon-biaoqianhuise</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoqianzise"></use>
                    </svg>
                    <div class="name">标签紫色</div>
                    <div class="fontclass">#icon-biaoqianzise</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoqiantoumingquanbu"></use>
                    </svg>
                    <div class="name">标签透明全部</div>
                    <div class="fontclass">#icon-biaoqiantoumingquanbu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shangyiye2-copy"></use>
                    </svg>
                    <div class="name">上一页</div>
                    <div class="fontclass">#icon-shangyiye2-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ren3"></use>
                    </svg>
                    <div class="name">人</div>
                    <div class="fontclass">#icon-ren3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-paixu3-copy"></use>
                    </svg>
                    <div class="name">排序</div>
                    <div class="fontclass">#icon-paixu3-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuaxin5"></use>
                    </svg>
                    <div class="name">shuaxin</div>
                    <div class="fontclass">#icon-shuaxin5</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shangyiye2-copy-copy"></use>
                    </svg>
                    <div class="name">上一页</div>
                    <div class="fontclass">#icon-shangyiye2-copy-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shangyiye2-copy-copy-copy"></use>
                    </svg>
                    <div class="name">上一页</div>
                    <div class="fontclass">#icon-shangyiye2-copy-copy-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouqi3-copy"></use>
                    </svg>
                    <div class="name">收起</div>
                    <div class="fontclass">#icon-shouqi3-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dierming"></use>
                    </svg>
                    <div class="name">第二名</div>
                    <div class="fontclass">#icon-dierming</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-disanming"></use>
                    </svg>
                    <div class="name">第三名</div>
                    <div class="fontclass">#icon-disanming</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-diyiming"></use>
                    </svg>
                    <div class="name">第一名</div>
                    <div class="fontclass">#icon-diyiming</div>
                </li>
            
        </ul>


        <h2 id="symbol-">symbol引用</h2>
        <hr>

        <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
        这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
        <ul>
          <li>支持多色图标了，不再受单色限制。</li>
          <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
          <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
          <li>浏览器渲染svg的性能一般，还不如png。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
        <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
.icon {
   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
   vertical-align: <span class="hljs-number">-0.15</span>em;
   fill: currentColor;
   overflow: hidden;
}
&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
        <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
</span>&lt;<span class="hljs-regexp">/svg&gt;
        </span></code></pre>
    </div>
</body>
</html>
